<template>
<div>

   <nav class="movienav">
      <router-link to="/video" >推荐 </router-link> 
   
      <router-link to="/video/re">热片解读</router-link> 
      <router-link to="/video/yue">预告片</router-link> 
      <router-link to="/video/shuo">说电影</router-link> 
      <router-link to="/video/jia">佳片</router-link> 
     
      <router-link to="/video/jue">剧综</router-link> 
    </nav>

     <router-view> </router-view>
</div>
</template>

<script>
export default {

}
</script>

<style lang="less">
// 隐藏底部滚动条
.movienav::-webkit-scrollbar {
        display: none;
    }
.movienav {
  // .switch-hot-default{
  //   position: relative;

  // }
  width: 100%;
    height: 45px;
    position: relative;
    white-space: nowrap;
    overflow: scroll;
    background-color: #fff;
    // border-top: 1px solid #e6e6e6;
  // border-bottom: 0.02rem solid #e6e6e6;
  
 margin-top:10px;
 position: fixed;
 top:100px;
 z-index: 100;
  
  // .last{
   
  //  width: 45px;
  //   height: 40px;
  //   background: url(../assets/search-red.png) no-repeat;
  //  background-size: 1.3rem;
  //   padding: 0.2rem 1.3rem 0.2rem 0.2rem;
  //   background-position: 0.2rem;
  //   margin-left: 17px;

  // }
  a {
    color: #333;
    // height: 45px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 6px 14px;
    font-size: 14px; 
    font-weight: 450;

    &.router-link-exact-active {
      
      color: black;
    //    height: 40px;
    // width: 70px;
      border-bottom: 2px solid #dd001b;
    }
  }
}
</style>
